<!DOCTYPE html>
<html class="pixel-ratio-3 retina android android-5 android-5-1-1">
<head>
    <title>#{title}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="">

    <link rel="stylesheet" href="../../lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/home.css">
<style>
    .border-1px{ border-right: 1px solid rgba(0,0,0,.1);}
    .guaid-title{ display: block;}
    .guaid-num{ display: block;font-size: 2.1em;color: #0d0d0d}
    .right-link{float:right;clear: both}
    .right-link a{color:darkred}
    .red-border{border: darkred solid 1px;color:darkred;font-size: 10px;border-radius: 3px;padding:2px 3px;vertical-align: middle}
    .weui-panel__bd{font-size:0.8rem}
    .inquir-temp{padding:0.3rem}
    .item_block{
        width:100%;height: 5rem;border:lightgray solid 0.03rem; border-radius: 3%;margin-top: 0.3rem ;
        text-align: center;font-size: 0.6rem;color: grey;
    }
    .item_block h3{padding:0.3rem}
    .item_block p{padding:0.3rem}
    .inner-btn{padding:0.3rem 0.5rem; background-color: lightgray;border-radius: 5%;color: #0D0D0D}
</style>
</head>
<body ontouchstart>
<div class="weui-flex">
    <div class="weui-flex__item">
        <div class="home-header" >
            <h2>问诊单</h2>
        </div>
        <div class="weui-flex" style="height: 5.5rem;color:#999">
            <div class="weui-flex__item border-1px">
                <div class="guaid-img" style="float: left; margin-top: 30px; margin-left: 32.5px;margin-right: 20px">
                    <img src="../images/send.png" width="30px" >
                </div>
                <a href="../studio/inquiry-sended.html">
                    <p style="padding:15px">
                       <span class="guaid-title">我发出的</span>
                       <span class="guaid-num">11</span>
                    </p>
                </a>
            </div>
            <div class="weui-flex__item">
                <div class="guaid-img" style="float: left; margin-top: 30px; margin-left: 32.5px;margin-right: 20px">
                    <img src="../images/get.png" width="30px" >
                </div>
                <a href="../studio/inquiry-recieved.html">
                <p style="padding:15px">
                    <span class="guaid-title">我收到的</span>
                    <span class="guaid-num">23</span>
                </p>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="weui-panel">
    <div class="weui-panel__hd">问诊单模板</div>
    <div class="weui-panel__bd">
        <div class="weui-flex">
            <div class="weui-flex__item  inquir-temp">
                <div class="item_block">
                    <h3>问诊单成人女</h3>
                    <p>43题</p>
                    <a href="javascript:;" class="inner-btn open-popup" data-target="#chooseWechat">使用模板</a>
                </div>
            </div>
            <div class="weui-flex__item inquir-temp">
                <div class="item_block">
                    <h3>问诊单成人男</h3>
                    <p>33题</p>
                    <a href="javascript:;" class="inner-btn open-popup" data-target="#chooseWechat">使用模板</a>
                </div>
            </div>
            <div class="weui-flex__item inquir-temp">
                <div class="item_block">
                    <h3>问诊单小儿</h3>
                    <p>17题</p>
                    <a href="javascript:;" class="inner-btn open-popup" data-target="#chooseWechat">使用模板</a>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="chooseWechat" class='weui-popup__container popup-bottom'>
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal">
        <div class="toolbar">
            <div class="toolbar-inner">
                <a href="javascript:;" class="picker-button close-popup">关闭</a>
                <h1 class="title">请从微信中选择患者进行发送</h1>
            </div>
        </div>
        <div class="modal-content">
            <div class="weui-grids">
                <a href="javascript:;" class="weui-grid js_grid" data-id="dialog">
                    <img src="../../mod-page/images/wechat/wechat-logo2.png" alt="" width="100">
                </a>
            </div>
        </div>
    </div>
</div>


<script src="/lib/jquery-2.1.4.js"></script>
<script src="/lib/fastclick.js"></script>
<script src="/js/jquery-weui.js"></script>
<script src="/js/home.js"></script>
<script>
    $(document).on("open", ".weui-popup-modal", function() {
        console.log("open popup");
    }).on("close", ".weui-popup-modal", function() {
        console.log("close popup");
    });
</script>
</body>
</html>